<template>
   <div>
       <router-view name="title"></router-view>
       <transition>
         <router-view id="main"></router-view>
       </transition>
   </div>
</template>

<style>
  #main{
    flex:1;
    justify-content:center;
    align-items:center;
  }
</style>
<script>
    import TitleBar from './components/titleBar.vue'
  export default {
    components: { 'titleBar': TitleBar },
  }
</script>